﻿@charset "utf-8";

/**
*   Made by bysky
*   版本：1.0.0
*   2018.4.26
**/

html{color:#000;background:#FFF;font-family:'Microsoft Yahei'; font-size:14px;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}
img{ vertical-align:top;}
.cl{ clear:both; font-size:0;}

a{ color:#000; font-size:14px; text-decoration:none;}
a:hover{ color:#FBAB00; text-decoration:none;}

/* IE5.xIE6бbug */ 
* html body{overflow: visible;} 
* html iframe, * html frame{overflow: auto;} 
* html frameset{overflow: hidden;} 


input,textarea{font-family:'Microsoft Yahei';}

/* li */ 
ul,li{list-style-type:none;} 

/* img */ 
img{border:0 none; vertical-align:middle;} 

/* h* */ 



/* float */ 
.fl { display: inline; float: left; }
.fr { float: right; }



/* dis_no */ 
.none{display:none;} 
.block {display:block;} 


/*********闭合盒子处理**********/
.clearfix:after {content:"24dq"; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}.clearfix {display:block;}
/* End hide from IE-mac */


/*********清除浮动处理**********/
.clearboth { clear:both; }
.cl{ clear:both;}

.bord{}

/*index.html==========================*/
body{width:100%; background: #FFF;}
.header, .index, .foot, .top_news, .banner_img, .pages{ margin:0 auto; width:1200px;}

.header{ width:1200px; height:auto;}

/*header*/

.top{ width:1200px; height:174px; background:url(../images/hy_03.jpg);}
.logo_right{width:260px; text-align:center; float:right; line-height:30px; color:#eb5b29; padding-top:90px; font-size:24px; font-weight:bold;}/*设为首页 加入收藏*/
.logo_right a{ color:#FFF}
.logo_right a:hover{ color:#000}

/*导航开始*/
.menubg{  width:100%; height:58px; margin:0 auto; background:#eaeaea}
.menu { width:1200px; height:58px; position:relative; margin:0 auto; z-index:99;  }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:135px; height:58px; text-align:center; color:#000;   line-height:58px;  overflow:hidden;  font-size:15px;}

.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative;line-height:58px; padding:0 5px;}
.menu ul li ul {display: none;}
/* specific to non IE browsers */
.menu ul li:hover a {color:#fff;background:#eb5b29; display:block; width:135px; height:58px;}/********导航背景变色 ******/
.menu ul li:hover ul {display:block; position:absolute;  left:0; width:135px;}
.menu ul li:hover ul li {}
.jg{ width:3px !important; background:url(../images/tu.jpg) no-repeat; height:58px; padding:0px !important;}
.menu ul li:hover ul li a {display:block; background:#eb5b29; color:#fff;line-height:30px; height:30px;border-top:#FFF 1px solid; font-size:15px; font-weight:normal; }/******子栏目 背景*********/
.menu ul li:hover ul li a:hover { color:#000;line-height:30px;background:#e8e8e8; }/******子栏目 背景变色*********/
.menu img{ display:block;}
#bt{background:url(../images/dh.jpg) no-repeat; width:125px; height:58px;}


.banner{ width:100%; height:615px; padding-top:0px; margin:0 auto;z-index:1;}
/* flexslider */
.flexslider{position:relative;height:615px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:615px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/next.png) center center no-repeat;}



.gonggao{  width:1200px;  height:46px; padding-top:30px; margin:0 auto;}
.keys{ width:500px; height:46px; line-height:46px; float:left;  color:#000; }
.keys span{ font-size:16px;color:#000; float:left;}
.keys a{ margin:0 10px;color:#000; float:left;}

.shous{ float:right; width:459px; height:46px;}
.sxk {width:459px;height:46px;float:left;text-align:left;}
.sxk .texts {float:left;border:none;width:330px;height:46px;line-height:46px;color:#000;padding-left:2px;background:#FFF;outline:none;}
.sxk .submit {width:120px;height:46px;border:none;cursor:pointer;background:url(../images/serche.jpg);}

.top_pro{ width:1200px; height:165px; margin:0 auto; padding-top:20px; padding-bottom:35px;}
.top_pro li { width:230px; height:165px; float:left; margin:0 5px; }
.top_pro li a{ width:230px; height:165px;  position:relative; display:block;}
.top_pro li a img{ width:230px; height:165px; position:absolute; top:0; left:0;}
.top_pro li a p{ width:230px; height:36px; position:absolute;left:0; background: rgba(0, 0, 0, 0.7); line-height:36px; color:#FFF; font-size:16px; text-align:center; bottom:0px;}



.index{ width:100%; padding: 72px 0;}

.w_one{ width:100%; overflow:hidden;height:auto; padding-top:0px; background:#f8f8f8; }

.w_two{ width:100%; overflow:hidden;height:389px; margin-top:100px; background:url(../images/hy_31.jpg);}

.w_three{ width:100%; overflow:hidden;height:auto; padding-top:0px; background:#273147; margin-top:72px;}

.w_four{ width:100%; overflow:hidden;height:auto; padding-top:0px; background:#273147;}

.pro_title{ width:1200px; overflow:hidden;height:72px; margin:0 auto; padding-bottom:48px; }

.index_one{ width:1200px; overflow:hidden;height:auto; margin:0 auto;  }

.index_left{ width:240px; float:left; height:auto;}

.index_right{ width:749px; float:right; height:auto;}


.more a{ font-size:14px;  color:#FFF;}
.more a:hover{ color:#F00;} 

.index_prolist{ width:232px; height:auto; overflow:hidden;float:left;}
.index_prolist h3{width:232px; height:100px; background:url(../images/hy_19.jpg);position:relative;}
.prolistbody { width:232px; height:auto !important; min-height:610px; background:#f9f9fc; }

.subNavBox{width:210px;margin:0 auto;}
.subNav{border-bottom:solid 1px #e5e3da;cursor:pointer;font-weight:bold;font-size:15px;color:#000;line-height:50px;padding-left:10px;background:url(../images/t.png) no-repeat;background-position:95% 50%}
.subNav:hover{color:#ea5b2a;}
.subNav a{font-weight:bold;font-size:15px;color:#000;}
.currentDd{color:#ea5b2a}
.currentDt{background-image:url(../images/t1.png);}
.navContent{display: none;border-bottom:solid 1px #e5e3da; padding:10px 0px;}
.navContent li a{display:block;width:200px;heighr:30px;text-align:left;font-size:14px; padding-left:30px;line-height:30px;color:#333;background:url(../images/a.png) no-repeat;background-position:5% 50%}
.navContent li a:hover{color:#ea5b2a;background:url(../images/a1.png) no-repeat;background-position:5% 50%}


.cpgd {	position:relative;width:950px;height:690px;overflow:hidden; float:right}
.downpaly {position:absolute;width:950px;padding:0px;left:0;top:0;}
.fl {float:left}
.downpaly img {display: block;width: 300px;height:220px;}
.downpaly li {overflow:hidden;width:300px; height:320px; float:left;text-align: center;margin:15px 8px; border-bottom:1px solid #e6e6e6; }
.downpaly li p{width: 100%;height: 50px;line-height: 50px; font-size:18px;}
.downpaly li .more{width: 100%;height: 50px;line-height: 50px; font-size:14px;}
.downpaly li .more a{width: 80px;height: 30px;line-height: 30px; margin:10px 10px; display:block; text-align:center; float:left;}
.downpaly li .more .m1{ background:#f9f9fc; color:#000; margin-left:65px;}
.downpaly li .more .m2{ background:#ea5b2a; color:#fff;}
.downpaly li a{color:#000}
.downpaly li a:hover{ color:#A90601}



.index_yy{ width:100% height:auto; padding-top:72px;  }
.index_yy .tit{width:1200px; height:72px; margin:0 auto;}
.yybody { width:100%; height:558px;overflow:hidden; margin-top:45px; background:url(../images/hy_26.jpg) top left repeat-x;}
.fact{ width:1200px; height:558px;overflow:hidden; margin:0 auto; }
.fact .fa_fl{ height:65px; overflow:hidden; margin-bottom:35px; margin-top:45px;}
.fa_fl li{ float:left; width:198px; height:70px; overflow:hidden; border-right:1px solid #384155;font:18px "Microsoft YaHei"; color:#FFF; line-height:30px; text-align:center; margin:0 0px; display:inline; cursor:pointer;}
.fa_fl li:last-child{border-right:0px solid #384155;}
.fa_fl li span{ font:10px "Microsoft YaHei"; color:#a9a9a9; line-height:18px; text-transform:uppercase; display:block; }
.fa_fl .cur{ color:#ea5b2a; font-weight:bold;}
.fa_fl .cur span{color:#ea5b2a; }
.fact .fa_img{ height:410px;width:1200px; overflow:hidden;}


.fa_img .fa_in{ width:1200px; height:410px; overflow:hidden; }
.fa_in dl{width:1200px; height:410px; display:block;}
.fa_in dt{width:640px; height:410px; float:left;}
.fa_in dt img{width:640px; height:410px;}
.fa_in dd{ width:400px; height:250px; padding:80px; float:left; background:#f5f5f5; }
.fa_in dd .title {
  position: relative;
  font-size: 32px;
  color: #ea5b2a;
  height: 45px;
  width:100%;
  display:block;
  line-height: 45px;
  text-align: center;
  
}
.fa_in dd .title:before {
  content: "";
  position: absolute;
  width: 28px;
  height: 2px;
  top: 50%;
  background-color: #ea5b2a;
  left: 25%;
}
.fa_in dd .title:after {
  content: "";
  position: absolute;
  width: 28px;
  height: 2px;
  top: 50%;
  background-color: #ea5b2a;
  right: 25%;
}

.fa_in dd span a{color:#ea5b2a; font-size:20px;}
.fa_in dd p{ height:180px; width:100%; font:18px "Microsoft YaHei"; color:#000; line-height:30px; }

.pa_img{ position:relative; width:1200px; margin:0 auto; padding-top:180px;}
.pa_img .pa_l ,.pa_img .pa_r{ width:22px; height:40px; overflow:hidden; position:absolute; top:230px; cursor:pointer;}
.pa_img .pa_l { left:-46px;}
.pa_img .pa_r{ right:-46px;}
.pa_img .cur img{ margin-top:-40px; }
.pa_img li{ width:205px; height:130px; float:left;  margin:0 20px;}
.pa_img li img{width:205px; height:130px; }


.index_al{height:auto; width:1200px; padding-top:72px; margin:0 auto; }
.index_al h3{width:1200px; height:72px; background-image:url(../images/hy_35.jpg);position:relative;}
.albody{width:1200px; height:330px; margin-top:40px; overflow:hidden;}
.re_img{ height:330px; overflow:hidden; }
.re_img dl{ float:left; width:250px; height:330px; overflow:hidden; cursor:pointer;}
.re_img dt{ width:430px; height:330px; display:none; float:left;cursor:pointer;}
.re_img dt img{ width:430px; height:330px; }
.re_img dd{ width:212px; height:330px; float:left; padding-left:25px; padding-right:25px;cursor:pointer;color:#fff; position:relative; line-height:24px; z-index:22;}
.re_img dd .jia{ position:absolute; top:165px; right:-11px; width:11px; height:20px; background-image:url(../images/jia.png);}
.re_img .re1 dd{ background:#ea5b2a;}
.re_img .re2 dd{ background:#ea5b2a;}
.re_img .re3 dd{ background:#ea5b2a;}
.re_img p{ font:16px "Microsoft YaHei"; font-weight:bold; color:#fff; line-height:16px; padding-top:38px; margin-bottom:20px;}
.re_img p a{font:16px "Microsoft YaHei"; font-weight:bold; color:#fff;}
.re_img p span{ font-family:Arial; color:#FFF; font-size:12px; text-transform:uppercase; line-height:26px;}
.re_img ul{ height:106px;}
.re_img li{ font:12px "Microsoft YaHei"; color:#ecf8f8; line-height:22px;}
.re_img em{ font:12px "Microsoft YaHei"; color:#f1f9ff; line-height:22px; text-align:center; }
.re_img em a{ width:80px; height:22px; display:block; border:1px solid #baeeed;color:#f1f9ff; text-align:center;}
.re_img em a:hover{ background:#fff; border:1px solid #fff; font-weight:bold; color:#ea5b2a; }
.re_img .cur{ width:692px;}
.re_img .cur dt{ display:block;}
.re_img .cur dd{ background-position:center bottom !important;}


.index_dz{height:519px; width:1200px;  margin:0 auto; background:url(../images/hy_40.jpg);position:relative;}
.dzbody{position:absolute; top:415px; left:340px; color:#FFF; font-size:26px;}
.dhs{position:absolute; top:400px; left:650px; width:185px; height:50px;}

.index_about{ width:1200px; height:auto; overflow:hidden; margin:0 auto; padding-top:75px;}
.index_about h3{width:1200px; height:72px;  background:url(../images/hy_45.jpg);position:relative; margin-bottom:48px;}
.index_about h3 span{ float:right; position:absolute;right:5px;top:6px; }
.aboutbody .le{ width:550px; height:388px;overflow:hidden; float:left; }
.aboutbody .righ{ width:600px; height:388px;overflow:hidden; float:right; }
.aboutbody .righ .tit{ width:600px; height:78px; line-height:78px; font-size:22px; }
.aboutbody .righ .text{ line-height:28px; height:210px; padding:10px 0px; overflow:hidden; }
.aboutbody .righ .more{ float:left; width:160px; height:60px; text-align:center; line-height:60px; background:#ea5b2a;border-radius:10px;}
.aboutbody .righ .more a{ color:#FFF; font-size:18px;}

.slideGroup{ width:1200px;  text-align:center; margin:0 auto; padding-top:45px; padding-bottom:40px;  }
		.slideGroup .parHd{  line-height:60px; margin:0 auto; width:680px; height:60px; border-bottom:1px solid #ddd;border-top:1px solid #ddd;  position:relative;  }
		.slideGroup .parHd ul{ float:left; position:absolute; left:0px; top:-1px; height:60px;   }
		.slideGroup .parHd ul li{ float:left; padding:0px; cursor:pointer; width:170px; color:#000; font-size:18px; }
		.slideGroup .parHd ul li.on{ height:60px;  background:#273147; color:#FFF;}
		.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 42px; position:relative;   }

		.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:90px; display:block; width:10px; height:18px;background:url(../images/le.png) center center no-repeat; }
		.slideGroup .sNext{ left:auto; right:5px; background:url(../images/ri.png) center center no-repeat;  }
		.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }

		.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
		.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.slideGroup .parBd ul li .pic{ text-align:center; }
		.slideGroup .parBd ul li .pic img{ width:265px; height:195px; display:block;  }
		.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
		.slideGroup .parBd ul li .title{ line-height:24px;   }

.index_news{ width:1200px; height:auto; margin:0 auto; padding-top:72px;}
.index_news h3{width:1200px; height:72px; background:url(../images/hy_57.jpg);position:relative;}
.index_news h3 span{ float:right; font-size:14px; position:absolute;right:5px;top:8px; }
.newsbody { width:1200px; height:410px;overflow:hidden; margin-top:50px; margin-bottom:50px;}

.news_more { width:165px; height:55px;overflow:hidden; margin:0 auto; background:#273147; line-height:55px; text-align:center;border-radius:15px;}
.news_more a{ color:#FFF; font-size:16px;}

 

/*图片新闻*/
.newspics{ width:460px; height:410px; float:left; padding-top:10px; }
.newspics_left{ width:460px; height:290px; }
.newspics_left img{ width:460px; height:290px; }
.newspics_right{ width:400px; height:100px; padding:10px 30px; background:#f8f8f8;}
.newspics_right h4{ width:400px; height:40px; line-height:40px;overflow:hidden }
.newspics_right h4 b{ float:right; font-weight:normal; font-size:14px; line-height:42px;}
.newspics_right h4 a{ font-size:16px; color:#000;}
.newspics_right h4 a:hover{ color:#ea5b2a}
.newspics_right span{ width:400px; height:60px; line-height:25px; color:#000}
/*图片新闻*/
.newspic{ width:700px; height:115px; padding:10px 0px 16px 0px; float:right; border-bottom:1px solid #ccc; }
.newspic_left{ width:150px; height:115px; float:left}
.newspic_left img{ width:150px; height:115px;}
.newspic_right{ width:530px; height:115px; float:right; overflow:hidden}
.newspic_right h4{ width:530px; height:42px; line-height:42px;overflow:hidden}
.newspic_right h4 b{ float:right; font-weight:normal; font-size:14px; line-height:42px;}
.newspic_right h4 a{ font-size:16px; color:#000; }
.newspic_right h4 a:hover{ color:#ea5b2a}
.newspic_right span{ width:530px; height:60px; line-height:25px; padding:10px 0px; display:block; color:#000}



/*首页友情链接：文字*/
.syfri{ width:1009px; height:46px; margin:0 auto;  line-height:46px; padding:15px 0px;}
.syfri_nr span{ float:left; font-size:18px; font-weight:bold; text-align:left}
.syfri_nr{ padding:0px 15px 0 10px; text-align:left}
.syfri_nr a{ color:#000; margin:0 10px;}
.syfri_nr a:hover{ color:#F00}


/*首页友情链接：图片*/
.syfripic{ width:965px; height:78px; margin:0 auto; border:1px #DDDDDD solid}
.syfripic_top{ height:20px;background:url(../images/fritop.jpg) left center no-repeat;}
.syfripic_bot{ width:965px; height:56px; overflow:hidden}
.syfripic_bot li{ width:95px; height:56px; margin:6px 9px; float:left}
.syfripic_bot li img{ width:95px; height:42px; margin:6px 9px; float:left}


.footer{  height:262px; width:100%;background:url(../images/hy_65.jpg) top left repeat-x #000b24;}
.foot{  height:207px; width:1200px;}
.foot_left{ width:750px; height:160px; padding-top:40px; float:left;}
.foot_logo{ width:750px; height:95px; }

.foot_right{ width:450px; float:right; padding-top:50px;}
.code{ width:110px; height:110px; float:left; margin-right:10px }
.foot_text{ line-height:28px; float:left; font-size:16px; color:#FFF;width:330px; }
.foot_menu{ width:1201px; height:55px; line-height:55px;margin:0 auto;color:#FFF; text-align:center;}
.foot_menu a{ color:#FFF; font-size:16px; margin:0 35px;}
.foot_menu a:hover{ color:#F00;}
.copy{ padding-top:20px; color:#FFF; line-height:40px; text-align:left; }
.copy a{ color:#FFF}
.copy a:hover{ color:#FBAB00;}


.text{ line-height:25px; padding:10px;}





/*-------------------------------------------内页样式开始-----------------------------------------------*/

/*pages*/
.pages{ width:1200px; padding:40px 0;}

/*left*/
.left{float:left; width:232px;}

.left .page_prolist{ width:232px; height:auto; }
.left .page_prolist h3{width:232px; height:100px; line-height:100px;background:url(../images/pro.png); text-align:center}
.left .page_prolist h3 span{  font-size:24px;  color:#FFF; }
.left .page_prolistbody { width:232px; height:auto !important; min-height:110px; background:#f9f9fc;}

.fenlei{ width:210px; float:left; padding:5px 15px; }
.fenlei ul{ width:210px; float:left;}
.fenlei li{ width:210px; height:35px; border-bottom:1px #CCCCCC dashed; line-height:35px; text-align:center;}
.fenlei img{ float:left; margin-left:5px; margin-right:8px; margin-top:9px;} 
.fenlei li a{ color:#000; font-size:14px;}
.fenlei li a:hover{ color:#273147;}

.lianxi{ width:210px; float:left; padding:10px; padding-top:5px; padding-bottom:5px;}

.left .page_contact{ width:240px; height:auto; padding-top:10px;}
.left .page_contact h3{width:240px; height:35px; line-height:35px;background:#273147; text-align:center}
.left .page_contact h3 span{  font-size:18px;  color:#FFF; }
.left .page_contactbody {width:240px; height:auto !important; min-height:220px;}
.left .page_contactbody .text{ line-height:28px; padding:10px;}




/*产品分类列表*/
.aboutleft2 {
	width:280px;
	font-size:14px; margin:0 auto; padding-top:10px; height:auto; padding-bottom:10px
}
.aboutleft2 li {
	line-height:47px; float:left;
	width:137px; height:47px; padding-top:0px;background:url(../images/sylistli.jpg) left center no-repeat; border-bottom:0px #AAAAAA dashed; margin:4px 1px 0 2px;
}
.aboutleft2 a {
	height:47px;width:137px;
	line-height:47px;
	float:left;font-size:14px;
    text-align:left; padding-left:30px; color:#fff
}
.aboutleft2 a:hover {
	font-size:14px;width:137px; height:47px;
	text-decoration:none; 
	text-align:left; padding-left:30px; color:#ff6
}


/*右侧主体*/
.boxright{ width:930px; height:auto; float:right;}
.boxright_top{ width:930px; height:35px; border-bottom:1px #273147 solid;}
.boxright_mid{ width:930px; height:auto !important; min-height:480px; overflow:hidden; zoom:1; background:url(../images/nymid.jpg) center top repeat-y;}
.boxright_bot{ width:930px;  height:8px; background:url(../images/nybot.jpg) center top no-repeat;}
.left_zi{width:300px; height:35px; line-height:35px; font-size:18px; color:#273147; float:left; padding-left:10px;}
.left_zi p{ line-height:7px; color:#004b92; font-size:12px}
.right_zi{ float:right; width:400px; text-align:right;height:35px;line-height:35px; color:#000; margin-right:15px;}
.right_zi a{ color:#000; font-size:12px}
.content{ line-height:24px; width:96%; margin:0 auto; padding-top:10px ;}

/*内页新闻列表*/
.new1 {width:100%;text-align:left;font-size:14px;}
.new1 li {width:100%;height:28px;line-height:28px;float:left;display:inline;background:url(../images/d.jpg) left center no-repeat;border-bottom: 1px #A8A8A8 dashed}
.new1 a {height:28px;line-height:28px;float:left;margin-left:15px; }
.new1 font {float:right;height:28px;line-height:28px;margin-right:0px;font-size:42px;font-size:14px;color:#273147;}
.new1 a:hover {font-size:14px;text-decoration:none; }

/*内页产品展示列表*/
.product{ width:100%; list-style:none; padding-top:10px; padding-left:3px;}
.product li{ width: 218px; margin:4px 6px; height:189px; float: left; overflow: hidden;}
.product li .img{width:216px;height:157px;border: 1px solid #273147;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;   -webkit-border-radius: 5px;  
   -moz-border-radius: 5px;  
   border-radius: 5px;  
 position:relative;
   behavior: url(js/PIE.htc);  }
.product li a{ display:block;}
.product li img{ max-width:216px; max-height:157px;vertical-align:middle; }
.product li p{  text-align:center; height:30px;line-height:30px;width: 100%;}

.product_title{text-align:center; font-weight:bold;padding:5px; width:100%; font-size:18px;}
.product_related{text-align:center; padding:5px; width:100%}
.contu{ width:96%; height:auto; margin:0 auto; padding-top:40px; padding-bottom:30px;}


.tuleft{ width:48%; height:auto; float:left;}
.tuleft img{ width:100%; height:auto;}
.turight{  width:46%; height:auto; float:right;}
.turight .wz{ width:100%; line-height:34px; border-bottom:1px solid #ccc; text-align:left; font-size:16px;}
.turight .cot{ width:100%; line-height:40px; text-align:center; font-size:18px; color:#f26f15;}
.turight .cots{width:100%; height:40px;}
.turight .cots .phone{ width:229px; height:41px; background:url(../images/dh.png); line-height:41px; text-align:center; font-size:18px; color:#FFF; font-weight:bold; float:left; }
.turight .cots .zx{ width:109px; height:41px; float:right;}


.proimg{ text-align:center; width:80%; height:auto; margin:0 auto;}
.proimg .img{width:600px;height:600px;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center; margin:0 auto; }
.proimg img{ max-width:600px; max-height:600px;vertical-align:middle;margin:0 auto; }

 .page{ padding:15px 0 20px 0; width:100%; text-align:center; line-height:40px;}
.page a{ padding:5px; border:1px solid #ccc; margin:0 3px;}
.page a:hover{ background:#273147; color:#fff;}
.page font{ padding:5px; border:1px solid #ccc; margin:0 3px;background:#273147; color:#fff;}
.nolink{padding:5px; border:1px solid #ccc; margin:0 3px;}


/*在线留言*/
#messagelist{ padding:15px;}
#messagelist .metlist{ margin-bottom:10px; border:6px solid #dedede; padding:5px;}
#messagelist .metlist dt{ background:url(../images/message.gif) no-repeat left center; border-bottom:1px dotted #dedede; padding:4px 0px 4px 20px; margin-bottom:5px;}
#messagelist .metlist dt span.name{ color:#2c7199;}
#messagelist .metlist dt span.time{ padding-left:8px; color:#999;}
#messagelist .metlist dt span.tt{ float:right; padding-right:5px;}
#messagelist .metlist dd.info span.tt{ display:none; clear:both;}
#messagelist .metlist dd.info span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .metlist dd.reinfo span.tt{ background:url(../images/admin.gif) no-repeat left 3px; display:block; border-bottom:1px dotted #dedede; padding:2px 0px 2px 20px; margin:0px 0px 5px;color:#2c7199;}
#messagelist .metlist dd.reinfo span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc;}
#messagelist table{ margin:0px auto; }
#messagetable{ padding:15px;}
#messagetable table{ margin:0px auto;}





/****滚动2*********/
.index_Rolla { width:955px; margin:0 auto; padding:5px 0px;overflow:hidden;}
#demoa { overflow:hidden;  width:955px; margin:0 auto;} 
#indemoa { float: left; width:2000%;}
#demoa #indemoa .img { width:170px;height:220px;border: 1px solid #ddd;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;}
#demoa #indemoa img {max-width:170px; max-height:220px; vertical-align:middle;}
#demoa #indemoa a { display:block; width:auto; float:left; margin:10px 10px;}
#demoa #indemoa p { text-align:center;  line-height:30px; width:100%; }
#demoa1 { float: left;}
#demoa2 {float: left;}



.rightfloat{position:fixed;width:49px;top:300px;right:0;z-index:999}
.rightfloat a{display:block;width:49px;height:49px;background:#333 url(../images/pagerightico.png) no-repeat;border-top-left-radius:5px;border-bottom-left-radius:5px;margin-bottom:2px}
.rightfloat a.backtotop{background-position:0 0;display:none;margin-top:-51px}
.rightfloat a.service{background-position:0 -51px}
.rightfloat a.telephone{background-position:0 -100px}
.rightfloat a.qrcode{background-position:0 -153px}
.rightfloat a:hover{background-color:#46c37b}
.rightfloat a.service span,.rightfloat a.telephone span{display:none;color:#fff;line-height:49px;text-align:center;font-size:18px;font-family:"Microsoft YaHei"}
.rightfloat a.service:hover,.rightfloat a.telephone:hover{padding-left:49px;position:relative}
.rightfloat a.service:hover span,.rightfloat a.telephone:hover span{display:inline-block}
.rightfloat a.telephone:hover{width:130px;left:-130px}
.rightfloat a.service:hover{width:85px;left:-85px}
.rightfloat a.qrcode img{position:absolute;right:49px;bottom:0;display:none;width:150px;height:150px;border:3px solid #46c37b}
.rightfloat a.qrcode:hover img{display:inline-block}